AI Slop

概述

AI 生成的前端界面高度同质化现象，表现为千篇一律的字体、配色、布局和缺乏记忆点的"模板感"设计。

关键内容

1. 典型表现：
2. 清一色的 Inter / Roboto / system-ui 字体
3. 千篇一律的紫色渐变白色背景（bg-gradient-to-br from-purple-500 to-white）
4. 所有卡片统一 rounded-2xl shadow-lg
5. 居中 + 最大宽度容器的可预测布局

6. 毫无记忆点的"模板感"设计

7. 产生原因：

8. LLM 训练数据中常见模式的过度学习
9. 缺乏明确的设计决策指导

10. 安全选择偏向（保守的默认样式）

11. Anthropic 的回应：

12. 推出 frontend-design Skill
13. 强制要求在编码前进行设计决策
14. 提供具体可操作的五维设计指导

15. 建立清晰的"禁止清单"

16. Anti-AI-Slop 原则：

17. 独特性（distinctive）：每次生成的设计都应该不同
18. 有意识的选择：Purpose → Tone → Constraints → Differentiation
19. 彻底执行：选定美学方向后要彻底贯彻
20. 记忆锚点：找到设计中令人难忘的那个点

来源

• 02_anthropic_frontend_design_skill — frontend-design Skill 解析

相关

• frontend-design Skill — contradicts
• Design Thinking — relates_to
• Typography — relates_to